import { useState } from 'react'
import logo from './logo.svg'
import './App.css'
import Dog from './Dog'
import Computer from './Computer'
import Notification from './Notification'
// 封装 Notification组件  未读的消息？
function App() {
  const [num, setNum] = useState(0)
  setTimeout(() => {
    setNum(2)
  }, 1000)
  return (
    <div className="App">
      {/* <Dog></Dog> */}
      <Dog/>
      <Dog/>
      <Computer/>
      <Computer/>
      <Notification n={num}/>
    </div>
  )
}

export default App
